<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <title>西外可视化分析大屏</title>
    <link rel="stylesheet" href="../static/assets/css/iconfont.css">
    <link rel="stylesheet" href="../static/css/common.css">
    <link rel="stylesheet" href="../static/css/investmentEnvironment.css">
    <script src="../static/assets/js/jquery-3.3.1.min.js"></script>

</head>

<body id="index">
<div id="container">
    <script src="../static/js/common.js"></script>
    <header>
        <div class="header-l">
            <h1 class="zh">一带一路中亚五国农业投资环境</h1>
            <h1 class="en">Agricultural investment environment in five countries in Central Asia</h1>
        </div>
        <div class="header-r">
            <time id="headerTime"></time>
        </div>
    </header>
    <main>
        <!--样式里的l,m,r,t,b分别代表左，中，右，上，下-->
        <div class="l">
            <div class="l-t">

                <div class="l_text">
                    <h3 class="zh">数据统计</h3>
                    <h3 class="en">Data statistics</h3>
                </div>
                <div class="l_text">
                    <h4>中国对中亚农业投资</h4>
                    <div class="text">
                        <span class="digital-num">3.36</span>
                        <span class="ratevalue">亿美元</span>
                    </div>
                </div>
                <div class="l_text">
                    <h4>中国对中亚投资存量</h4>
                    <div class="text">
                        <span class="digital-num">15</span>
                        <span >%</span>
                        <i class="iconfont icon-uparrow"></i>

                    </div>
                </div>

            </div>
            <div class="l-b">
                <div class="chartBox">
                    <h3 class="zh">中国与中亚五国双边农产品贸易趋势</h3>
                    <h3 class="en">Bilateral trade tendency of agricultural product between China and five countries in Central Asia</h3>
                    <div class="thecity" id="ec01_line_thecity"></div>
                </div>
                <div class="chartBox">
                    <h3 class="zh">中亚五国单位面积农产品产量趋势图</h3>
                    <h3 class="en">Tendency Chart of agricultural output per unit area in five countries in Central Asia</h3>
                    <div class="thecity" id="ec02_line_thecity" ></div>
                </div>

            </div>
        </div>

        <div class="m">
            <div class="m_header">
                <h3 class="zh">一带一路沿线国家农业增加值占GDP比重</h3>
                <h3 class="en">Proportion of added value of agriculture in GDP in countries along the Belt and Road</h3>
            </div>
            <div class="chartBox">
                <img src="../static/imgs/investmentEnvironment_map1.png" alt="">
            </div>
            <dl class="legendGroup">
                <dt>农业比重（%）</dt>
                <dd>&lt; 4</dd>
                <dd>4 - 7</dd>
                <dd>7 - 13</dd>
                <dd>13 - 20</dd>
                <dd>20 - 30</dd>
                <dd>&gt; 30</dd>
            </dl>
        </div>
        <div class="r">
            <div class="r_header">
                <h3 class="zh">一带一路沿线国家农业增加值情况</h3>
                <h3 class="en">Situation of added value of agriculture in countries along the Belt and Road</h3>
            </div>
            <div class="chartBox">
                <img src="../static/imgs/investmentEnvironment_map2.png" alt="">
            </div>
            <dl class="legendGroup">
                <dt>农业增加值（亿美元）</dt>
                <dd>&lt; 100</dd>
                <dd>100 - 300</dd>
                <dd>300 - 800</dd>
                <dd>800 - 1600</dd>
                <dd>1600 - 3000</dd>
                <dd>&gt; 3000</dd>
            </dl>
        </div>

    </main>
</div>
<script src="../static/assets/js/echarts-4.2.0.js"></script>
<script src="../static/assets/js/echarts-gl.js"></script>
<script src="../static/js/chartsCom.js"></script>
<script src="../static/assets/js/world_earth.js"></script>
<script src="../static/js/investmentEnvironment.js"></script>
</body>
</html>








